<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>熊猫人
    </title>
    <meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.
	便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

    <link rel="shorcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/normalize.css" />
    <!-- normalize.css里面css的初始化针对浏览器 -->
    <link rel="stylesheet" href="css/base.css" />
    <!-- base里面只写公共样式 对京东网页的头部和底部样式-->
    <link rel="stylesheet" href="css/indox.css" />
    <!-- 京东首页的css -->


</head>

<body>
    <!-- 京东顶部开始 -->
    <div class="j_event">
        <a href="#" class="w">
            <i></i>
        </a>
    </div>
    <!-- 顶部结束 -->
    <!-- 快捷导航栏开始 -->
    <div class="shortcut">
        <div class="w">
            <ul class="fl">
                <li>
                    <i></i> 西安人
                </li>
            </ul>
            <ul class="fr">
                <li>
                    <a href="#">你好，请登录&nbsp;&nbsp;</a>
                    <a href="#" class="style-red">免费注册</a>
                </li>
                <li class="spacer"></li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li class="spacer"></li>
                <li class="dropdown">
                    <a href="#">我的京东</a>
                    <i></i>
                </li>
                <li class="spacer"></li>
                <li>
                    <a href="#">京东会员</a>
                </li>
                <li class="spacer"></li>
                <li>
                    <a href="#">企业采购</a>
                </li>
                <li class="spacer"></li>
                <li class="dropdown">
                    <a href="#">客户服务</a>
                    <i></i>
                </li>
                <li class="spacer"></li>
                <li class="dropdown">
                    <a href="#">网站导航</a>
                    <i></i>
                </li>
                <li class="spacer"></li>
                <li style="position:relative; z-index:1;">
                    <a href="#">手机京东</a>
                    <div class="erweima">
                        <img src="img/erweima.png" alt="">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 快捷导航栏结束 -->
    <!-- headerB 部分 start -->
    <div class="header">
        <div class="w inner">
            <!-- logo部分 -->
            <div class="logo">
                <h1>
                    <a href="#" title="京东网">京东</a>
                </h1>
            </div>
            <!-- 搜索部分 -->
            <div class="search">
                <input type="text" value="微单相机">
                <button>
				<i>
					
				</i>
			</button>
                <em>
			</em>
            </div>
            <!-- 热词部分 -->
            <div class="hotwords">
                <a href="#" class="style-red">学生专享</a>
                <a href="#">300减160</a>
                <a href="#">hotwords</a>
                <a href="#">hotwords</a>
                <a href="#">hotwords</a>
                <a href="#">hotwords</a>
                <a href="#">hotwords</a>
                <a href="#">hotwords</a>
            </div>
            <!-- 购物车 -->
            <div class="mycar">
                <i></i>
                <a href="#">我的购物车</a>
                <s>12</s>
            </div>
            <div class="computer">
                <a href="#">
                    <img src="img/computer.jpg" alt="">
                </a>
            </div>
            <!-- 导航栏信息 -->
            <div class="navitems">
                <ul>
                    <li><a href="#">秒杀</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">闪沟</a></li>
                    <li><a href="#">拍卖</a></li>
                </ul>
                <div class="spacer"></div>
                <ul class="">
                    <li><a href="#">京东服饰</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">生鲜</a></li>
                    <li><a href="#">全球购</a></li>
                </ul>
                <div class="spacer"></div>
                <ul class="">
                    <li><a href="#">京东金融</a></li>
                </ul>
            </div>
        </div>
    </div>


    <!-- headerB 部分 over -->


    <!-- main部分开始 -->
    <div class="jd">
        <div class="w jd-inner">
            <div class="jd-col1">
                <ul>
                    <li><a href="#">家用电器</a></li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>

                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span>/</span>
                        <a href="#">运营商</a>
                        <span>/</span>
                        <a href="#">数码</a>
                    </li>
                </ul>
            </div>
            <div class="jd-col2">
                <div class="jd-col2-hd ">

                    <a href="#" class="arr-l"></a>
                    <a href="#" class="arr-r"></a>
                    <ol>
                        <li class="current"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>

                    <ul>
                        <li>
                            <a href="#"><img src="img/banner.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
                <div class="jd-col2-bd">
                    <div class="fiestpic"><img src="img/pic1.jpg" alt=""></div>
                    <div><img src="img/pic2.jpg" alt=""></div>
                </div>
            </div>
            <div class="jd-col3">
                <div class="user">
                    <div class="user-info">
                        Hi,欢迎来到京东！<br>
                        <a href="#">登录</a>
                        <a href="#">注册</a>
                        <a href="#" class="info-img">
                            <img src="img/no_login.jpg" alt="">
                        </a>
                    </div>
                    <div class="user-profit">
                        <a href="#">新人福利</a>
                        <a href="#">PLUS会员</a>
                    </div>
                </div>
                <div class="news">
                    <div class="table-hd">
                        <a href="javascript:;" class="cuxiao">促销</a>
                        <a href="javascript:;">公告</a>
                        <a href="#" class="more1">更多</a>
                        <div class="line"></div>
                    </div>
                    <div class="table-bd">
                        <lu>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                        </lu>
                        <!-- <lu>
						<li><a href="#">蓄电池专场下单立减100元</a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
					</lu> -->
                    </div>
                </div>
                <div class="jd-service">
                    <ul>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 广告结束 -->
        <div class="ad">
            <a href="#"></a>
        </div>

    </div>


    <!-- 试做 -->
    <!-- <div class="zhuti w">
	<div class="bianlan">
		<ul>
			<li>
				<a href="#">享品质</a>
			</li>
			<li>
				<a href="#">服饰美妆</a>
			</li>
			<li>
				<a href="#">家电手机</a>
			</li>
			<li>
				<a href="#">3c运动</a>
			</li>
			<li>
				<a href="#">爱吃</a>
			</li>
			<li>
				<a href="#">母婴家具</a>
			</li>
		</ul>
	</div>

</div> -->


    <!-- main部分over -->



    <!-- footer部分开始 -->
    <div class="footer">
        <!-- 服务 -->
        <div class="footer-service">
            <div class="w footer-service-inner">
                <ul class="clearfix">
                    <li>
                        <div class="service_unit">
                            <h5>多</h5>
                            <p>品类齐全，轻松购物</p>
                        </div>
                    </li>
                    <li>
                        <div class="service_unit">
                            <h5 class="kuai">快</h5>
                            <p>品类齐全，轻松购物</p>
                        </div>
                    </li>
                    <li>
                        <div class="service_unit">
                            <h5 class="hao">好</h5>
                            <p>多仓直发，极速配送</p>
                        </div>
                    </li>
                    <li>
                        <div class="service_unit">
                            <h5 class="sheng">省</h5>
                            <p>正品行货，精致服务</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 帮助模块 -->
        <div class="help w">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl class="cover">
                <dt>京东自营覆盖区县</dt>
                <dd class="info">京东一项全国2661个区县提供自营配送服务京东一项全国2661个区县提供自营配送服务京东一项全国2661个区县提供自营配送服务</dd>
                <dd class="more"><a href="#">查看详情</a></dd>
            </dl>
        </div>
        <!-- 版权组 -->
        <div class="copyright w">
            <div class="links">
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
                <a href="#">联系我们</a>
                <span>|</span>
            </div>
            <div class="c-info">
                <p>
                    经公安网备
                </p>
                <p>
                    经公安网备
                </p>
                <p>
                    经公安网备
                </p>
                <p>
                    经公安网备
                </p>
            </div>
            <div class="tupian">
                <a href="#" class="kexin"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>

    </div>
</body>

</html>